<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>热区</title>
	</head>
	<body>
		<img src="img/map.jpg" usemap="#hotmap"/>
		<map name="hotmap">
		<!--shape形状
			rect   矩形热区
			circle 圆形热区
			poly   多边形热区
			
		coords目标点 href链接-->
			<area shape="rect"
				 coords="172,112,281,224"
				  href="//baidu.com"
				  target="_blank" />
			
			<area shape="circle" coords="348,52,30" href="//qq.com" alt="" />
			<area shape="poly" coords="368,224,321,299,321,295" href="//baidu.com" alt="" />
		</map>
	</body>
</html>
